/* Author:	Cooclsee
** Date:	2012-11-13
** Email:	Cooclsee@qq.com
*/
a{color: black;}
@blue1:#005497;
@brown1:#636161;
.brown_border1{border: 1px solid #e2e2e2;}
.ver(@h,@l){height: @h;line-height: @l;}
.ver-mid(@num){.ver(@num,@num);}
.site-width{width: 966px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
.no-border{border: none;}
.h100{height: 100%;}
.w100{width: 100%;}
.font_msyh{font-family:\5FAE\8F6F\96C5\9ED1;}
.bold{font-weight: bold;}
.no-border{border: none;}

body{background: url(images/bg-body2.png) repeat-x #C9C9C9;.h100;font-family:'Microsoft YaHei';padding-bottom:50px;}
.c-header{position:relative;background:url(images/bg-header-line.png) no-repeat center 41px;
    .nav{.ver-mid(31px);.site-width;
         a{margin-right:4px;color: white;}
    }
    /*.fix-r2-bg{position: absolute;z-index: 1;height: 38px;width:9999px;background: #012c75;left:800px;top:41px;border-top:1px solid #6484a2;border-bottom:1px solid #8999b7;}*/
    .r2{.site-width;z-index:1000;position:relative;padding-bottom:20px;
        .logo{position: absolute;left: 0;top: 0;padding-top: 17px;}
        .main-menu{width: 828px;padding-top:10px;margin-left:130px;
            ul.top{background:url(images/bg-menu.png) no-repeat #012b75;
                li.top{.left;width: 133px;.ver-mid(40px);position:relative;z-index:50;
                    a{display:block;color:white;padding:0 4px;
                        &:hover{text-decoration: none;}
                    }
                    div.sub{background: url(images/nav-sub-top.png) no-repeat;padding-top: 4px;position:absolute;z-index:1000;left:-6px;top:36px;width:274px;display:none;
                        ul.sub{background:url(images/nav-sub-bottom.png) no-repeat left bottom;padding-bottom:4px;
                            li.sub{.ver-mid(30px);border-bottom: 1px solid #AFAFAF;border-top:1px solid white;margin:0 4px;vertical-align:bottom;
                                &.first{border-top: none;}
                                &.last{border-bottom: none;}
                                a{background:none;margin: 0;display:block;width:auto;position: static;top: 0;left: 0;
                                  &:hover{background: url(images/subnav-item-hover.png) repeat-x;}
                                }
                            }
                        }
                    }
                    &.now{
                        a{background: url(images/bg-nav-item-hover.png) no-repeat;left: -5px;width: 123px;padding:0 9px;color: #3D3D3D;top:-2px;position:absolute;}
                        div.sub{display: block;
                            ul.sub{
                                li.sub{
                                    a{background:none;margin: 0;display:block;width:auto;position: static;top: 0;left: 0;
                                      &:hover{background: url(images/subnav-item-hover.png) repeat-x;}
                                    }
                                }
                            }
                        }
                    }
                } 
            }
            .search-box{padding:8px 0 0 4px;
                input.text{background: url(images/bg-srhtext.png) no-repeat;.ver-mid(24px);.no-border;.left;width: 127px;color: #828299;padding:0 2px 3px 4px;}
                input.button{background: url(images/bg-srhbutton.png) no-repeat;width: 22px;height: 27px;.no-border;cursor: pointer;}
            }
        }
    }
    .slideBox{width: 962px;height: 340px;margin: 0 auto;.brown_border1;overflow: hidden;position:relative;z-index:100;}
}
.page{.site-width;
    .sitepath{.ver(34px,30px);padding:0 18px;color: @brown1;.brown_border1;border-width:0 1px;
        a{color:@blue1;}
    }
    .mainbody{background:#f2f2f2;.brown_border1;overflow:hidden;
        .white-border{border: 1px solid white;border-bottom: none;background: url(images/line.png) repeat-y 214px 0;}
        .left-nav{width:214px;/*.brown_border1;border-width:0 1px 0 0;*/.left;padding-bottom:100px;
            ul.top{padding: 10px 10px 0px;
               li{font-size:13px;*vertical-align:middle;}
               li.top{
                  a{display: block;.ver-mid(28px);border-top: 1px solid white;border-bottom: 1px solid #cecece;padding:0 8px;text-decoration: none;background:url(images/bg-left-nav.gif) no-repeat 180px 50%;}
                  a.top{color:@brown1;}
                  &.first{
                      a{border-top: none;}
                  }
                  ul.sub{display:none;
                      li.sub{
                          a{color: #8c919b;}
                      }
                  }
                  &.now{background: url(images/bg-leftnav-hover.png) repeat-x;
                    a.top{color: @blue1;}
                    li:hover{background: url(images/bg-leftnav-hover.png) repeat-x;}
                  }
               }
            }
        }
        
    }
}

.main-con1{width: 747px;.right;color: #595757;line-height:22px;
    h1.big-title{.ver-mid(68px);font-size:18px;.bold;color: @blue1;padding: 0 24px;.brown_border1;border-width: 0 0 1px;
        span.brown{color: @brown1;}
        span.small{font-size: 13px;font-weight: normal;}
        &.size18{font-size: 18px;}
    }
    div.normal{padding:24px;
        p{text-indent:2em;}
        p.txt{text-indent: 0;}
    }
    div.normal2{border-bottom:1px solid #ddd;}
    div.blueline{background: url(images/bg-btmline.png) center bottom no-repeat;padding-bottom: 15px;}
    h2.col-name{font-size: 12px;font-weight: bold;color: @blue1;}
    table.snstbl{color:black;
        th,td{padding: 4px 0;}
        th{width:74px;vertical-align: top;}
        td{width:500px;
            a.more{display: block;color: #9fa0a0;line-height:14px;width:5em;}
        }
    }
    .sns-share{color:black;
        p{.left;}
        a{.left;background: url(images/sns-share.png) no-repeat 0 0;display: block;width: 23px;height: 23px;overflow: hidden;text-indent: 100px;margin-right:7px;
          &.qqzone{background-position: -35px 0;}
          &.tencent{background-position: -70px 0;}
          &.renren{background-position: -105px 0;}
          &.fetion{background-position: -140px 0;}
          &.msn{background-position: -175px 0;}
          &.add{background-position: -205px 0;}
        } 
    }
    h1.no-border{.no-border;}
}

.page-about{   
    .about-list{padding-bottom:90px;
        .item{border-top: 1px solid #ddd;padding:24px;padding-top:19px;
            .pic{.left;overflow: hidden;padding-top: 5px;padding-right: 20px;}
            .content{.left;width: 360px;
                p.name{color: @blue1;font-size: 13px;
                    a{color:@blue1;}
                }
                p.summary{text-indent: 2em;}
                p.blue{color: @blue1;}
            }
        }
    }
    .tik{width:340px;overflow:hidden;
        h2.col-name{color: @blue1;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
        .more{font-weight: bold;
            a{background:url(images/rr.png) no-repeat 4.2em 50%;padding-right: 2em;}
        }
    }
    .qygm{
        .detail{
            p.txt{text-indent: 0em;width: 288px;.left;padding-right: 1em;color: black;
            }
            .pic{.left;}
        }
    }
    .col2{width: 24em;padding-right: 3em;.left;
        p.txt{color: black;text-indent: 0;}
    }
    .v-list{
        .v-box{.left;width: 278px;height: 139px;margin: 0 10px 10px 0;}
    }
    h2.koctitle{color: @blue1;}
    ul.hxyw{padding-top:20px;
        li{.left;width:168px;
           p{text-indent: 0;color:black;}
        }
    }
}

/*kf*/
.page-kf{
    .normal{color: black;
        .conform{
            table{margin: 2em 0;
                th{width: 64px;vertical-align: top;}
                th,td{padding: 5px 0;line-height: 2em;}
                input.txtbox,select{width: 160px;}
                textarea{width:260px;height: 95px;}
            }
            .button{margin:1em 0;
                input{width:85px;height: 23px;border: none;background: url(images/button1.png) no-repeat;cursor: pointer;}
            }
        }
        .serviceform{padding:44px 0 30px;
            table{color: #98989c;
                th,td{vertical-align: top;}
                th{width:108px;}
                td{
                    input.txtbox{background: url(images/bg-kf-txt1.png) no-repeat;width: 242px;padding:0 3px;.ver-mid(20px);border: none;color: black;}
                    input.button{background: url(images/button2.png) no-repeat;width: 46px;height: 20px;border: none;margin: 0 10px;cursor: pointer;}
                }
            }
        }
    }
    h3.line-title{.brown_border1;border-width: 0 0 1px 0;padding: 0 25px;color: black;}
    table.cattable{
        td{vertical-align:bottom;padding-right:40px;width:100px;
           img{display:block;}
        }
    }
    .cbox{padding: 8px;.brown_border1;.left;height:100px;margin-right:10px;
        h2.col-name{margin-bottom: 3px;}
        &.c1,&.c2{width: 168px;}
        &.c3{width: 258px;
             ul.list{
                 li{.ver-mid(18px);
                     a.more{background: url(images/rr.png) no-repeat 4.2em 50%;padding-right:1.5em;}
                 }
             }
        }
    }
}

.page-search{padding-bottom:80px;
    .result{padding:65px 0 20px;
        p.noresult{width: 165px;.ver-mid(43px);background: url(images/search1.png) no-repeat;padding-left: 60px;margin: 0 auto;font-size: 18px;font-weight: bold;text-indent: 0;color: @blue1;}
        p.soon{height: 60px;background: url(images/search2.png) no-repeat top right;text-indent:-9999px;overflow:hidden;margin-top: 24px;margin-right: 40px;}
    }
}

.page-news{
    h1.col-name{font-size: 18px;font-weight: bold;color: @blue1;margin-bottom: 15px;}
    ul.sns-list{
        li{.left;margin: 0 5px 5px 0;}
    }
    
    div.article-top{text-align: center;padding-top:10px;padding-bottom:10px;
        h1.article-title{font-size: 26px;color: @blue1;line-height: 36px;}
        .extbar{margin-top: 10px;}
    }
    div.article-content{color:black;padding:10px 25px;font-size:13px;line-height:1.8em;
        p{font-size: inherit;}
    }
    div.article-pagging{.ver-mid(24px);padding:10px 25px;
        a.prev{.left;}
        a.next{.right;}
        a.hide{display: none;}
    }
    div.article-share{padding: 0 25px;margin-bottom: 50px;}
    .normal{
        h2.mt-title{.ver-mid(30px);background:#d5dfe9;font-size:18px;font-weight:bold;padding-left:2px;padding-right:24px;color:@blue1;
            a.more{.right;color: #acadaf;font-size:12px;font-weight:normal;}
        }
    }
}

.page-pp{
    .normal{
        h1.big-title{padding: 0;border: none;line-height: normal;height: auto;padding-bottom: 10px;}
        .row2{color:black;
            .slide2{width: 282px;height: 119px;.left;margin-top: 4px;overflow: hidden;position:relative;
                .slides_container{width: 282px;
                    div.slide{width: 282px;height: 119px;}
                }
                ul.pagination{width: 100px;}
            }
            .rcont{width: 300px;padding-left: 20px;.left;
                p.txt{line-height: 18px;padding: 4px 0 10px;}
                a.more{color: black;padding-left: 1em;background: url(images/rl.png) no-repeat left center;}
            }
        }
    }
    .news-pic-list{
        .picbox{.left;padding-right: 15px;padding-bottom: 10px;
            .pic{width: 279px;height: 120px;}
            .ptitle{
                a.more{display: block;width: 5em;}
            }
        }
    }
    .xwzx{
        .cbox{.left;padding-right:15px;padding-bottom:20px;
            .pic{width: 341px;height: 128px;overflow: hidden;}
        }
        .rlast{padding-right: 0;}
    }
}

/*body.s2{background-position:0 500px;background-color: #fff;}*/
.mainbody2{.site-width;padding-top:15px;
    .category{height:110px;background: url(images/index-cat.png) no-repeat;margin:10px 0;
        a{display:block;height: 34px;width:150px;text-indent: -9999px;overflow: hidden;.left;margin-right:90px;margin-top:74px;
          &.c4{margin-right: 0;}
        }
    }
    .category2{
        .catbox{width: 448px;height: 165px;background: url(images/bg-cat2.gif) no-repeat;overflow:hidden;.left;margin-right: 5px;padding-right:30px;
            .pic{padding: 25px 0 0 33px;.left;}
            .ri{width:280px;.right;padding-top:38px;
                h2.cat-name{font-size: 18px;color: #1c5194;}
                .more{padding-top: 26px;height: 26px;
                      a{display:block;width: 138px;height: 26px;text-indent: -999px;overflow: hidden;background: url(images/button3.png) no-repeat;.right;}
                }
            }
        }
    }
}

.sjz{background: url(images/sjz.png) no-repeat center center;width:680px;margin:100px auto;
    ul{height: 24px;margin: 15px 0;
       li{.left;width:162px;text-align: center;
          span{cursor:pointer;}
       }
    }
    ul.r2{padding-left: 80px;}
}

.page-sjz{
    ul.sjzbar{.ver-mid(25px);background:url(images/bg-sjzbar.png) repeat-x;padding:0 26px;
        li{height:25px;.left;width:70px;text-align:center;border:solid #eeebeb;border-width:0 1px;
            a{color: @blue1;
              &:hover{text-decoration: none;}
            }
            &.now{background: url(images/bg-sjzbarhover.png) repeat-x;
                  a{color:white;}
            }
        }
    }
    .sjz{
        ul{height:80px;
           li{height:80px;text-align:center;width:200px;
              div{width: 82px;margin: 0 auto;}
               .pic{height: 56px;}
           }
        }
    }
    .ryline{
        ul{height:200px;
            li{height:200px;width:auto;padding-right:4px;*width:132px;
                .yjbox{width: 120px;height: 165px;padding: 5px;border: 1px solid @blue1;text-align:left;border-radius:10px;
                    img{margin:4px 2px;}
                }
            }
        }
    }
}

.t_ContentContainer{
    a.blue,a.blue:hover{color: @blue1;text-decoration: none;}
}

.page-pro{
    .pro-box{height: 328px;background: url(images/bg-pro.png) repeat-x;
        table{
            td,th{height: 328px;vertical-align: middle;text-align: center;}
            th{text-align:left;width:442px;
               .content{color: @blue1;font-size: 13px;}
            }
            td.pic{width: 290px;
                   .cc{position:relative;margin:auto;
                       p{display:block;top: -4px;left: -4px;background: url(images/new.gif) no-repeat;position:absolute;width: 80px;height: 81px;z-index: 10;}
                   }
            }
            td.button{
                a{width:112px;.ver-mid(27px);background: url(images/button4.png) no-repeat;display: block;color: white;text-decoration: none;}
            }
        }
    }
}

.page-sszz{
    .sszzSlide{height: 267px;width: 747px;overflow: hidden;*position: relative;}
    h1.big-title{overflow:hidden;padding-right:0;
        ul.sszzNav{height: 58px;.right;width:645px;padding-top:10px;
            li{.left;font-size: 12px;font-weight: normal;color: #808080;line-height:2em;padding-right:15px;
               a.now{color: @blue1;}
            }
        }
    }
    .sszzList{background:url(images/bg-btmline.png) no-repeat center bottom;padding-bottom:15px;padding-top:20px;
        .itembox{margin:0 10px;height:110px;display:none;
            table{
                th,td{vertical-align: middle}
                th{text-align:center;}
                td{text-align:left;color: black;}
            }
            p.int2{text-indent: 2em;}
            a.more{color: #aeacac;}
        }
    }
    .szTxtBox{color: black;
        h2.sztitle{font-size: 14px;.ver-mid(2em);}
    }
    .szImages{background:url(images/bg-szimages.png) no-repeat 95% bottom;padding-bottom:80px;padding-top:2em;
        &.p40{padding-bottom: 40px;}
        .fn-clear{
            img{.left;margin: 8px;}
        }
    }
}

.page-ry{
    .normal{
        .rydesc{margin-top: 2em;}
    }
}

.page-v{
    table.tblSongList{margin:0 0 25px;width:100%;
        th,td{border:solid #ddd;border-width:1px 0;}
        th{color: #0595D5;font-size: 19px;font-weight: bold;width: 515px;height:58px;line-height:58px;padding:0 20px;}
        td{
            a.down{display:block;width:42px;padding-right:10px;height:23px;line-height:23px;text-align:center;background:url(images/btndown.png) no-repeat;text-decoration:none;}
        }
    }
    .paging2{height:17px;padding:11px 0;padding-left:300px;border-bottom:1px solid #ddd;
        a{display:block;.left;width:17px;height:17px;text-align:center;line-height:17px;background:url(images/bg-paging.png) right top no-repeat;color: #A8A8A8;font-weight: bold;margin:0 2px;text-decoration:none;
            &.now,&:hover{background-position:left top;color:white;}
        }
    }
    .wallpaperList{padding-left:20px;_padding-left:17px;padding-top:12px;
        .witem{.left;width:225px;height:175px;padding:14px 0;overflow:hidden;background:url(images/bg-list-view2.png) no-repeat;margin-right:14px;margin-bottom:18px;
            .pic{height:105px;width:195px;overflow:hidden;border:1px solid white;margin:0 auto;}
            .name{height:40px;line-height:40px;text-align:center;overflow:hidden;color:white;font-size:14px;font-weight:bold;margin:0 15px;}
            .buttons{margin-top:10px;
                .sharebar{.right;padding-top:4px;
                    a{.right;background:url(images/social2.png) no-repeat;display:block;width:16px;height:16px;text-indent:-9999px;overflow:hidden;margin-right:4px;_margin-right:2px;
                        &.weibo{background-position:-22px 0;}
                        &.tencent{background-position:-44px 0;}
                        &.renren{background-position:-64px 0;}
                    }
                }
                .down{.left;width:130px;*position: relative; *top: -22px;_width:134px;
                    a{display:block;background:url(images/btndown2.png) no-repeat;width:61px;height:23px;text-align:center;text-decoration:none;.left;margin-left:4px;}
                }
            }
        }
    }
}

.footer{border-top: 1px solid #a8a9a9;.site-width;margin:50px auto 0;padding:14px 0;
    .r1{.ver-mid(26px);
        .lang{background: url(images/bg-lang.png) no-repeat;.left;width:145px;padding-right:12px;
            p{margin-left: 40px;}
        }
        .links{.right;
            a{.right;margin-left: 4px;}
        }
    }
    .r2{.ver-mid(26px);font-size:11px;padding-left: 120px;clear:both;padding-top:1em;
        .nav{.left;.ver-mid(1em);padding:8px 0 7px;font-size:11px;margin-right:12px;
             ul{
                 li{.left;width: 78px;text-align: center;border-left: 1px solid #b5b6b6;
                    &.last{border-right: 1px solid #b5b6b6;}
                 }
             }
        }
        p.copy{.left;}
    }
}